<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>前台留言列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/icon.css}">
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript">
	   $(function(){
	       $('#messagelist').datagrid({  
            				title:'前台留言列表',  
            				iconCls:'icon-save',
                            url:"/manager/message/findAll",
                            queryParams:{
                                "name": null,
                                "phone": null,
                                "companyid": sessionStorage.getItem("USER_COMPANY_ID")
                            },
            				columns:[
                                [
                                    {field:'name',title: '留言人称呼',width:200,align:'center'},
                                    {field:'phone',title:'留言电话',width:200,align:'center'},
                                    {field:'area',title:'意向范围',width:200,align:'center'},
                                    {field:'commpanyname',title:'留言服务商',width:200,align:'center',formatter:function (val, row){
                                            if(row.serverCompany != null){
                                                return row.serverCompany.name;
                                            }else{
                                                    return "-"
                                            }
                                        }},
                                    {field:'createdate',title:'留言日期',width:200,align:'center',formatter:function (val,row){
                                            var createdate = new Date(val);
                                            var year = createdate.getFullYear();
                                            var month = ('' + (createdate.getMonth() + 1)).slice(-2);
                                            var day = ('' + createdate.getDate()).slice(-2);
                                            return year + '-' + month + '-' + day;
                                        }},
                                    {field:'cz',title:'操作',width:200,align:'center',formatter:function(val,row){
                                             return "<a href='javascript:showDg();'>查看留言</a>";
                                       }}
                                ]
                            ],
            				toolbar: "#tooldiv",  
            				pagination: true,
            				singleSelect:true
            			});


          
          //初始化修改窗口  
         $('#dg').dialog({
			    title: '留言详情',
			    width: 500,
			    height: 500,
			    closed: true,
			    cache: false,
			    modal: true,
			    iconCls: 'icon-save'
			});

         //初始化查询按钮
         $("#submit_search").linkbutton({ iconCls: 'icon-search', plain: true })
            .click(function () {
                const tooldiv = document.getElementById('tooldiv');
                const inputs = tooldiv.querySelectorAll('input[type="text"]');
                var pager = $('#messagelist').datagrid('getPager');
                // 直接设置数据网格的查询参数
                var queryParams = {
                    "page": 1,
                    "name": inputs[0].value,
                    "phone": inputs[1].value,
                    "companyid": sessionStorage.getItem("USER_COMPANY_ID")
                };
                $('#messagelist').datagrid('options').queryParams = queryParams;
                $('#messagelist').datagrid('reload');
                pager.pagination('refresh', {
                    pageNumber: 1
                });
            });
            
	   });

        //查询弹出方法
       function showDg(){
           var selectedRow = $('#messagelist').datagrid('getSelected');
           $.ajax({
               dataType: "json",
               url: "/manager/message/findMsgById",
               data: {"id":selectedRow.id},
               success: function (result) {
                   if (result.status == 200) {
                       $('#dg').dialog("open");
                       $('#dg div:eq(1)').html(result.data);
                   }
               },
               error: function (xhr, status, error) {
                   alert("请求失败: " + xhr.responseText); // 处理 AJAX 请求错误
               }
           });
       }
	</script>
</head>
<body>
  <div id="tooldiv">
      <input type="text"  placeholder="请输入查询用户名"/>
      <input type="text"  placeholder="请输入查询电话"/>
      <a id="submit_search">搜索</a>
  </div>
  <table id="messagelist"></table>
    <div id="dg">
           <div align="center" style="margin-top: 30px">
            <div style="margin-bottom:20px">
                百姓网成立于2005年3月，是国内领先的分类信息生态服务商，是中国互联网轻资产模式的典范。
                百姓网致力于创造以分类信息业务为平台、多条垂直业务线布局的生态圈。
                为用户提供涵盖生活服务、招聘求职、房屋租售、二手车买卖、二手交易、教育培训、同城交友等一站式本地生活服务信息平台，
                同时为中小微商户建立全方位的精准营销解决方案。
            </div>
        </div>
    </div>
</body>
</html>